<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 复制数组或对象

    // 复制：也叫拷贝/克隆/备份，长得一样，但不会相互影响

    // const arr1 = [11, 22, 33]
    // 引用,不叫复制，二者今后会相互影响
    // const arr2 = arr1

    // 把arr1复制一份给到arr2，二者值一样，但地址不同，今后相互独立
    // const arr2 = [...arr1]
    // arr2.push(44)
    // console.log(arr1)


    // const obj1 = {
    //   id: 10001,
    //   name: 'Bit',
    //   age: 9
    // }
    // 复制对象
    // const obj2 = {
    //   ...obj1
    // }

    // obj2.age = 10
    // console.log(obj1)

    // 合并数组或对象

    // const arr1 = [1, 2, 3]
    // const arr2 = [4, 5, 6]

    // 合并数组
    // const arr = [...arr1, ...arr2]
    // console.log(arr)

    // 合并对象
    const obj1 = {
      name: 'Jack',
      height: 176
    }

    const obj2 = {
      height: 180,
      age: 18
    }

    const obj = {
      ...obj1,
      ...obj2
    }
    console.log(obj)
  </script>
</body>

</html>